.ss-tables-index {
  margin: 0 auto;/*width: 100%;*/height: 100%;background-color: #fff;visibility: visible;
  transition: all .2s ease-out 0s;-moz-transition: all .2s ease-out 0s;-webkit-transition: all .2s ease-out 0s;
  -o-transition: all .2s ease-out 0s;-webkit-box-flex: 1;-ms-flex: 1;flex: 1;min-width: 0;min-height: 0;
  .appmenu {
    box-sizing: border-box;margin: 0 auto;background-color: #fff;width: 940px;min-height: 140px;
    .box {
      padding: 36px 50px 0;position: relative;border-bottom: 1px solid #ececec;box-sizing: border-box;
      .body {
        text-align: center;
        ul {
          text-align: center;display: inline;list-style: none;
          li {
            display: inline-block;vertical-align: top;float: none;width: 80px;margin-bottom: 15px;position: relative;
            .title {
              display: block;cursor: pointer;
              i {
                -webkit-transition: all .2s ease-out 0s;color: #42a5f5;border: 1px solid #42a5f5;
                float: none;display: block;margin: 0 auto;width: 40px;height: 40px;line-height: 40px;font-size: 24px;
                border-radius: 100px;background-color: transparent !important;
                font-weight: 400 !important;text-decoration: none !important;-webkit-font-smoothing: antialiased;
                -webkit-text-stroke-width: .22px;font-family: ssapp;
              }
              span {
                height: 36px;white-space: normal;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;
                float: none;margin-top: 8px;margin-left: 0;text-align: center;font-size: 12px;word-break: break-all;
              }
            }
            &.ghost i {font-size: 30px !important;}
            &.drag {background: white;padding-top: 8px;border-radius: 8px;}
          }
        }
      }
      .create {
        width: 42px;position: absolute;top: 36px;right: 0;cursor: pointer;-moz-user-select: none;-webkit-user-select: none;
        i {
          font-weight: 400 !important;text-decoration: none !important;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;
          -webkit-text-stroke-width: .1px; /*-webkit-text-stroke-width: .22px;*/
          position: relative;font-family: ssicon;
          padding-left: 1px;display: block;width: 42px;height: 42px;line-height: 42px;text-align: center;border-radius: 100px;
          border: 1px solid #ededed;color: #ededed;font-size: 20px;box-sizing: border-box;
          transition: all .2s ease-out 0s;-moz-transition: all .2s ease-out 0s;-webkit-transition: all .2s ease-out 0s;-o-transition: all .2s ease-out 0s;
        }
        span {
          margin-top: 8px;display: block;text-align: center;color: #ededed;transition: all .2s ease-out 0s;
          -moz-transition: all .2s ease-out 0s;-webkit-transition: all .2s ease-out 0s;-o-transition: all .2s ease-out 0s;
        }
      }
    }
    &:hover .create {
      i {color: #9f9f9f !important;border-color: #9f9f9f !important;}
      span {color: #9f9f9f !important;}
    }
    .create-app {
      text-align: center;padding: 36px 50px 0;
      li {
        display: inline-block;position: relative;list-style: none;width: 190px;font-size: 14px;text-align: center;
        background: url() no-repeat 0 50%;
        &:first-child {background: none;}
        i {
          display: block;text-align: center;font-weight: 400 !important;text-decoration: none !important;
          -webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;
          -webkit-text-stroke-width: .22px;position: relative;font-family: ssicon;
          padding-left: 1px;margin: 0 auto 5px;width: 28px;height: 28px;line-height: 28px;font-size: 28px;
        }
        @media not all, only screen and (-webkit-min-device-pixel-ratio: 2), not all, not all {
          i {
            -webkit-text-stroke-width: .1px;
          }
        }
        span {margin-top: 5px;}
      }
    }
  }
  .frame {}
}
